﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="pai.aspx.cs" Inherits="jmwqz.pai" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta charset="utf-8">
<title>积分排行</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!-- Mobile Devices Support @begin -->
<meta content="application/xhtml+xml; charset=utf-8" http-equiv="Content-Type">
<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
<meta content="no-cache" http-equiv="pragma">
<meta content="0" http-equiv="expires">
<meta content="telephone=no, address=no" name="format-detection">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- apple devices fullscreen -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!-- Mobile Devices Support @end -->
<link rel="stylesheet" type="text/css" href="/styles/ui.css">
<link rel="stylesheet" type="text/css" href="/styles/style.css">
<script type="text/javascript" src="/scripts/jquery/jquery-1.10.2.min.js"></script>
<!-- Gem style -->
<style>
	.top { text-align: center; font-size: 18px; margin: 10px; background-color: #EFC371;}
	.top a{ color:#fff; }
	button.disabled
	{ background-color: #999 !important; border: 1px solid #999 !important;
	} .score1 { color: green; } .score0 { color: red; } .goods { margin: 0
	auto; width: 100%; } .goodslist { margin: 0 auto; padding: 10px; margin:
	10px; background: #fff; border: 1px solid #e0e0e0; border-radius: 3px;
	-moz-border-radius: 3px; /* Old Firefox */ } .goodslist img { width: 100%;
	} .goodslist h4 { font-size: 16px; line-height: 24px; color: #232323; font-weight:
	500; margin-top: 10px; margin-bottom: 10px; } .goodslist h5 { font-size:
	16px; line-height: 24px; color: #999; font-weight: normal; margin-top:
	10px; margin-bottom: 10px; } .goodsopbtn { text-align: center; color: #1956ba;
	font-size: 16px; } .goodsopbtn a { color: #1956ba; } .sbtn { border: 0px
	solid red; border-radius: 5px; background: #05B905; color: #fff; line-height:
	32px; padding: 3px; text-align: center; font-size: 16px; margin-bottom:
	5px; } .sbtn a { color: #fff; } .nbtn { border: 1px solid #959595; border-radius:
	5px; background: #959595; color: #fff; line-height: 32px; padding: 3px;
	text-align: center; font-size: 16px; margin-bottom: 5px; } .nbtn a { color:
	#fff; } .dk { padding-left: 30px; } .color1 { color: #e04f00 } .color2
	{ color: #e04f00; } .goodslist p { margin: 0 auto; width: 100%; }
</style>

<script type="text/javascript">
    $(function () {
        updateRank();
    });
    function updateRank() {
        $.ajax({
            type: "Post",
            async: true,
            dataType: 'json',
            url: "ajax/user.ashx",
            cache: false,
            success: function (data) {
                if (data == "1") {
                    return;
                } else {
                    $.each(data, function (i, item) {
                        addRank(i, item, data);
                    })
                }
            }
        });
    }
    function addRank(i, item, data) {
        $('#ranking_list').last().append("<section class='box'></section>");
        $("#ranking_list section.box:last").append("<section class='col_1' title='" + data[i].rank + "'>" + data[i].rank + "</section>");
        $("#ranking_list section.box:last").append("<section class='col_2'>" + "<img alt='头像' style='width:30px;height:30px' src='" + data[i].headimg + "'></img>" + "</section>");
        $("#ranking_list section.box:last").append("<section class='col_3'>" + data[i].nickname + "</section>")
        $("#ranking_list section.box:last").append("<section class='col_3'>" + data[i].jifen + "</section>")
        $("#ranking_list section.box:last").append("<section class='col_3'>" + data[i].tj_num + "</section>")
    }
</script>
</head>
<body>
	<div class="wrp">
		<div id="js_main" class="profile_hd">
			<div class="inner">
				<img class="profile_logo" src="<%= GetHeadImg()%>" />
				<div class="profile_name"><%=GetNickName() %></div>
				<div class="profile_extra">
					<span class="verify_name">关注时间：<% =GetGzDate() %></span>
				</div>
				<div class="data_overview">
					<ul class="overview_list">
						<li class="overview_item">
							<p class="desc r_line">推广数</p>
							<p class="number"><%=GetTj_num() %></p>
						</li>
						<li class="overview_item">
							<p class="desc">总积分</p>
							<p class="number"><%= GetJifen() %></p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="profile_fun">
			<ul id="js_menu" class="menu_list">
				<li class="menu_item fans_record">
					<a href="/duihuan.aspx" class="inner_item">
						<span class="icon_menu"></span>
						<p class="text_menu">兑换记录</p>
					</a>
				</li>
				<li class="menu_item swap_record">
					<a href="/jifencenter.aspx" class="inner_item">
						<span class="icon_menu"></span>
						<p class="text_menu">兑换中心</p>
					</a>
				</li>
				<li class="menu_item rank_record">
					<a href="pai.aspx" class="inner_item">
						<span class="icon_menu"></span>
						<p class="text_menu">积分排行</p>
					</a>
				</li>
                <li class="menu_item fans_record">
					<a href="editaddr.aspx" class="inner_item">
						<span class="icon_menu"></span>
						<p class="text_menu">收货地址</p>
					</a>
				</li>
			</ul>
		</div>
		<div id="rankpage">
			<section id="ranking">
				<span id="ranking_title">
					第 <%= GetRank()%> 名
				</span>
				<section id="ranking_list">
<%--					<section class="box">
					    <section class="col_1" title="1">1</section>
					    <section class="col_2">
							<img alt="头像" style="width:30px;height:30px" src="http://wx.qlogo.cn/mmopen/icmDPQJECIKbQDFibTFZdtuJme5cCGvSAtGs9gtEDO4ZJ7Rj18OiaAoePDe1ROee6j0Dma8mFiaHGXwrjZib42XrPWH0YicIuR0D7r/0"/>
						</section>
						<section class="col_3">Yelbosh</section>
						<section class="col_4">3210</section>
					</section>--%>
                </section>
			</section>
		</div>
	</div>
</body>

</html>
